<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
#{extends 'main.html' /}
#{set title:'CoolSoft ReportSelection' /}
	<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Report</title>
		<link rel="stylesheet" href="/public/stylesheets/style.css" />
<script type="text/javascript" src="/public/javascripts/jquery.tablesorter.min.js"></script> 
<script type="text/javascript" src="/public/javascripts/jquery.tablesorter.pager.js"></script> 
<script type="text/javascript" src="/public/javascripts/picnet.table.filter.min.js"></script>  

<script type="text/javascript">

$(document).ready(function() { 
	$("table").tablesorter({widthFixed: true, widgets: ['zebra'] }) 
	$("table").tablesorterPager({container: $("#pager")}); 
	$('table').tableFilter();

});  
</script>
		
	</head>
	<body>
		<h2><img src="/public/images/report.png" border=0>&nbsp;Report</h2><hr />
		<h3>Project name : <a href="@{Projects.showProject(project.getEntityId())}">${project.name}</a></h3>
		<img src="/public/images/script.png" border=0>&nbsp;<b>Project Description: </b>${project.description}<br /><br />
		<b><img src="/public/images/date.png" border=0>&nbsp;Creation Date: </b>${project.creationDate.getTime()}<br><br />
		<b><img src="/public/images/hourglass.png" border=0>&nbsp;Default sprint Duration: </b>${project.defaultSprintDuration} Days <br>
		<table border="1" id = "table" class="tablesorter">
			<thead><th>Report</th>
			
			</thead>
			
		<tbody>
			#{if flag==false}
			<tr>
		<td>There is no data matching the requested query</td>
		</tr>
			#{/if}
			<th>Project</th>
		#{list items:projectResult, as:'projectResults'}
		<tr>
		<td>${projectResults}</td>
		</tr>
		#{/list}
			#{if componentsResult}
			<th>Components</th>
		#{list items:componentsResult, as:'results'}
		<tr>
		<td>${results}</td>
		</tr>
		#{/list}
		#{/if}
		#{if eventResult}
		<th>Events</th>
		
		#{list items:eventResult, as:'eventResults'}
		<tr>
		<td>${eventResults}</td>
		</tr>
		#{/list}
		#{/if}
		#{if taskResult}
		<th>Tasks</th>
		#{list items:taskResult, as:'taskResults'}
		<tr>
		<td>${taskResults}</td>
		</tr>
		#{/list}
		#{/if}
		#{if storyResult}
		<th>Stories</th>
		#{list items:storyResult, as:'storyResults'}
		<tr>
		<td>${storyResults}</td>
		</tr>
		#{/list}
		#{/if}
		
		</tbody>
		</table>
		
		<div id="pager" class="pager">
	<br/>
	
		<img src="/public/images/first.png" class="first">
		<img src="/public/images/prev.png" class="prev">
		<input class="pagedisplay" type="text" style="width:40px">
		<img src="/public/images/next.png" class="next">
		<img src="/public/images/last.png" class="last">
		<select class="pagesize">
			<option selected="selected" value="10">10</option>

			<option value="20">20</option>
			<option value="30">30</option>
			<option value="40">40</option>
		</select>
</div>
<div style="float:right;">
<a href="@{Report.reportSelection(project.getEntityId())}"><b>Try another one!</b></a>
	</div>
	</body>
</html>
